<template>
	<div id="app">
		<router-view></router-view>
	</div>
</template>

<script>
export default{
	name:'app'
}
</script>

<style>
	@media only screen and (min-width: 1080px),
	only screen and (min-device-width:1080px) {
		html,
		body {
			font-size: 210px;
		}
	}

	@media only screen and (max-width: 1080px),
	only screen and (max-device-width:1080px) {
		html,
		body {
			font-size: 200px;
		}
	}

	@media only screen and (max-width: 960px),
	only screen and (max-device-width:960px) {
		html,
		body {
			font-size: 190px;
		}
	}

	@media only screen and (max-width: 800px),
	only screen and (max-device-width:800px) {
		html,
		body {
			font-size: 180px;
		}
	}

	@media only screen and (max-width: 750px),
	only screen and (max-device-width:750px) {
		html,
		body {
			font-size: 204.8px;
		}
	}

	@media only screen and (max-width: 640px),
	only screen and (max-device-width:640px) {
		html,
		body {
			font-size: 160px;
		}
	}

	@media only screen and (max-width: 600px),
	only screen and (max-device-width:600px) {
		html,
		body {
			font-size: 150px;
		}
	}

	@media only screen and (max-width: 540px),
	only screen and (max-device-width:540px) {
		html,
		body {
			font-size: 140px;
		}
	}

	@media only screen and (max-width: 480px),
	only screen and (max-device-width:480px) {
		html,
		body {
			font-size: 130px;
		}
	}

	@media only screen and (max-width: 414px),
	only screen and (max-device-width:414px) {
		html,
		body {
			font-size: 110.4px;
		}
	}

	@media only screen and (max-width: 412px),
	only screen and (max-device-width:412px) {
		html,
		body {
			font-size: 109.867px;
		}
	}

	@media only screen and (max-width: 375px),
	only screen and (max-device-width:375px) {
		html,
		body {
			font-size: 100px;
		}
	}

	@media only screen and (max-width: 360px),
	only screen and (max-device-width:360px) {
		html,
		body {
			font-size: 96px;
		}
	}

	@media only screen and (max-width: 320px),
	only screen and (max-device-width:320px) {
		html,
		body {
			font-size: 85.33px;
		}
	}

	@media only screen and (max-width: 240px),
	only screen and (max-device-width:240px) {
		html,
		body {
			font-size: 70px;
		}
	}
	body{
		font-family: "PingFangSC",arial;
	}
</style>
